<template>
  <ul class="todo-main">
    <Item v-for="item in todos" :key="item.id" v-bind="item" :changeTodoChecked="changeTodoChecked" :deleteTodo="deleteTodo"/>
  </ul>
</template>

<script>
import Item from "@/components/Item";
export default {
  name: "List",
  props:['todos','changeTodoChecked','deleteTodo'],
  components: {Item}
}
</script>

<style scoped>
@import url('@/assets/css/List.css');
</style>